{% include 'head.html' %}


<!-- 点赞 -->
<link href="{{ url_for('static', filename='css/zhan/zzsc-demo.css') }}" rel="stylesheet">
<link href="{{ url_for('static', filename='css/zhan/icons.css') }}" rel="stylesheet">

<style type="text/css">
	.wz_imgs{
		width: 100%;height: 150px;margin-top: 20px;margin-bottom: 20px;
	}
</style>


<body>
	<!-- 最为层容器 -->
	<div class="jd_container">
		<!-- 顶部 -->
		<div class="jd_header" style="height: 50px;background-color: #E3EDCD;border-bottom:1px solid #BEBEBE;">

			
			

			<div style="float: left;width: 20%;margin-left: 5%;margin-top: 10px;font-size: 25px;">
			<a onclick="document.referrer===''?window.location.href='/':window.history.go(-1);" ><i class="fa fa-chevron-left"></i>
      	</a>
      </div>
			<div style="float: left;width: 50%;margin-top: 5px;">
				<span style="font-size: 23px;margin-left: 10%;"><b>始终养生头条</b></span>
			</div>

			<div style="float: left;width: 20%;margin-left: 0%;margin-top: 10px;font-size: 25px;">
			<a href="/cxpg"><i class="fa fa-search" style="float: right;"></i>
      	</a>
      </div>
			
		</div>
		


</div>



		
		<div style="width: 100%;height: 20px;">
			
		</div>
		

		<div></div>



		<!-- 导航栏 -->
		<div class="jd_nav" style="background-color: #fff;margin-top: 0px;">

		</div>



		<div id="info" class="wzinfo">
			<h3>{{ wzinfo['title'] }}</h3>
			<span style="color: #6C6C6C;">发布时间:{{ wzinfo['time'] }}</span><span class="label label-info" style="margin-left: 20px;">标签:{{ wzinfo['fenlei'] }}</span>
			<div class="neirong" style="text-indent:10px;letter-spacing:3px;">
				
				{{ wzinfo['info']|safe }}
			</div>

			<div style="margin-top: 15px;width: 60%;float: left;font-size: 20px;">
				阅读量： <span class="badge badge-success" style="font-size: 20px;">{{ wzinfo['ck'] }}</span><br><br>
				
			</div>

			<div style="">
				<!--<a href="#" class="btn btn-large btn-danger">点赞 <i class="fa fa-thumbs-up"></i></a>-->
				<br>

					<section class="content" style="">
						<ol class="grid" >
							<li class="grid__item">
							<span style="font-size: 20px;padding-top: 5px;">点赞：</span> <button class="icobutton icobutton--thumbs-up" style="margin-top: -5px;"><span class="fa fa-thumbs-up"></span></button>
							</li>
								</ol>
							</section>
						

			</div>
		</div>

		
		<div style="text-align: center;margin-top: 10px;"><br><h4>评论区</h4></div>
		<div class="plhr"></div>


		{% if wzinfo['notpl'] %}
			<div  style="text-align: center;margin-top: 10px;width: 100%;"><a class="btn btn-large disabled" style="width: 60%;">该头条还未评论过，点击此处进行评论。</a></div>
		{% endif %}

		{% if wzinfo['getpl'] %}
			<div class="pldiv">
				<div style="width: 100%;float: left;">
					<img class="img-circle" src="static/images/bk1.png" style="width: 50px;height: 50px;float: left;">
					<span style="font-size: 18px;float: left;margin-left: 10px;"><b>sadasd</b></span>
				</div>
				<div class="plinfo">
					asdasdasdasdajusdghjasbdhjabsdjabsjh
				</div>
				<span class="pltime">评论时间: 2019-07-07</span>
				<div class="plhr"></div>
			</div>

			<div class="pldiv">
				<div style="width: 100%;float: left;">
					<img class="img-circle" src="static/images/bk1.png" style="width: 50px;height: 50px;float: left;">
					<span style="font-size: 18px;float: left;margin-left: 10px;"><b>sadasd</b></span>
				</div>
				<div class="plinfo">
					asdasdasdasdajusdghjasbdhjabsdjabsjh
				</div>
				<span class="pltime">评论时间: 2019-07-07</span>
				<div class="plhr"></div>
			</div>

			<div class="pldiv">
				<div style="width: 100%;float: left;">
					<img class="img-circle" src="static/images/bk1.png" style="width: 50px;height: 50px;float: left;">
					<span style="font-size: 18px;float: left;margin-left: 10px;"><b>sadasd</b></span>
				</div>
				<div class="plinfo">
					asdasdasdasdajusdghjasbdhjabsdjabsjh
				</div>
				<span class="pltime">评论时间: 2019-07-07</span>
				<div class="plhr"></div>
			</div>

			<div style="text-align: center;float: left;width: 100%;">
				<h4>点击查看更多评论</h4>
			</div>

		{% endif %}






		<!-- 京东内容区域 -->
		<div class="jd_mian">
			<div class="main_content" style="background-color: #fff;margin-bottom: 100px;text-align: center;">
				
				
				
				

					
			

					
				</div>
				


					
				</div>
				






			</div>
		</div>
	</div>





<div style="border-top:2px solid #BEBEBE;;background-color: #fff;width:100%; height: 50px; position:fixed!important; position:absolute; right:0px; bottom:0px!important; bottom:auto; top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop+(documentElement.clientHeight - this.clientHeight):document.body.scrollTop+(document.body.clientHeight - this.clientHeight));">
  


  <div class="tab-pane in active" style="text-align:center;width: 22%;float: left;padding-top: 10px;">
          <a class="btn btn-link" style="width: 90%;padding-left: 5px;padding-right: 5px;" onclick="webToast('当前版本未通过养生学专家审核，占不支持评论。','middle',2000);">
           <span style="font-size: 16px;"><b><i class="fa fa-edit"></i> 评论</b></span>
          </a>
          </div>


  <div class="tab-pane in active" style="text-align:center;width: 22%;float: left;padding-top: 10px;">
           <a class="btn btn-link" style="width: 90%;padding-left: 5px;padding-right: 5px;" onclick="webToast('当前版本未通过养生学专家审核，占不支持收藏。','middle',2000);">
           <span style="font-size: 16px;"><b><i class="fa fa-heart-o"></i> 收藏</b></span>
          </a>
          </div>


  <div class="tab-pane in active" style="text-align:center;width: 22%;float: left;padding-top: 10px;">

        <a class="btn btn-link" style="width: 90%;padding-left: 5px;padding-right: 5px;" onclick="webToast('使用微信自带分享，将文章分享给朋友吧！','middle',2000);">
           <span style="font-size: 16px;"><b><i class="fa fa-leaf"></i> 分享</b></span>
          </a>

        </div>


  <div class="tab-pane in active" style="text-align:center;width: 34%;float: left;padding-top: 10px;">
        
          <a class="btn btn-link" style="width: 90%;padding-left: 5px;padding-right: 5px;" onclick="opensound();">
           <span style="font-size: 16px;" id="sound_btn"><b>语音导读</b></span>
          </a>

          </div>

  


</div>







<script type="text/javascript">

function sleep(numberMillis) {
    var now = new Date();
    var exitTime = now.getTime() + numberMillis;
    while (true) {
        now = new Date();
        if (now.getTime() > exitTime)
            return true;
    }
}



function Pause(obj,iMinSecond){
 if (window.eventList==null) window.eventList=new Array();
 var ind=-1;
 for (var i=0;i<window.eventList.length;i++){
 if (window.eventList[i]==null) {
  window.eventList[i]=obj;
  ind=i;
  break;
 }
 }
  
 if (ind==-1){
 ind=window.eventList.length;
 window.eventList[ind]=obj;
 }
 setTimeout("GoOn(" + ind + ")",140000);
}


function GoOn(ind){
 var obj=window.eventList[ind];
 window.eventList[ind]=null;
 if (obj.NextStep) obj.NextStep();
 else obj();
}



	function speckText(str){
	    var url = "http://tts.baidu.com/text2audio?lan=zh&ie=UTF-8&spd=4&text=" + encodeURI(str);        // baidu
	　　	var n = new Audio(url);
	　　 	n.src = url;
	　　 	n.play();
    　　
　　 // $("...").play();
　　// var sound = new Sound(request);
　　// sound.play();

}


function sound_run(datas){
	//alert(datas);
	
	var sound_datas = JSON.parse(datas);
	//alert(sound_datas['pack_count']);
	//alert(sound_datas['pack']);
	//alert(sound_datas['sound_data']);
	
	if (sound_datas['pack'] != -1){
		var pack = sound_datas['pack']+1;
		speckText(sound_datas['sound_data']);
		Pause(this,140000);
		this.NextStep=function(){
		 	return get_api_ajax2("getsound?type={{ wz_type }}&id={{ wz_id }}&pack="+pack+"",sound_run);
		}
	}
	else{
		$("#sound_btn").empty();
		$("#sound_btn").append("<b>语音导读</b>")
	}
		
	//speckText(sound_datas['sound_data']);
	
}

function opensound(){
	alert("开始语音导数");
	$("#sound_btn").empty();
	$("#sound_btn").append("<b style='color:red;'>正在导读</b>")
	get_api_ajax2("getsound?type={{ wz_type }}&id={{ wz_id }}",sound_run);

}


</script>


{% include 'js.html' %}



<script src="{{ url_for('static', filename='js/zhan/mo.min.js') }}" rel="stylesheet"></script>
<script src="{{ url_for('static', filename='js/zhan/demo.js') }}" rel="stylesheet"></script>
</body>
</html>

